<!DOCTYPE html>
<html>


<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <title>乡土味士-后台管理中心 - 活动中心</title>
  <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
  <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

  <link rel="shortcut icon" href="favicon.ico">
  <link href="__PUBLIC__/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  <link href="__PUBLIC__/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

  <!-- jqgrid-->
  <link href="__PUBLIC__/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">

  <link href="__PUBLIC__/css/animate.min.css" rel="stylesheet">
  <link href="__PUBLIC__/css/style.min862f.css?v=4.1.0" rel="stylesheet">

  <style>
    /* Additional style to fix warning dialog position */

    #alertmod_table_list_2 {
      top: 900px !important;
    }
  </style>

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
  <div class="row">
    <div class="col-sm-12">
      <div class="ibox ">
        <div class="ibox-title">
          <h5>乡土味士-活动订单管理</h5>
        </div>
        <div class="ibox-content">
          <p>
            对活动订单进行管理
          </p>
          <hr>
          <div class="jqGrid_wrapper">
            <table id="table_list_1"></table>
            <div id="pager_list_1" align="center">

            </div>
          </div>
          <div class="footer">
            {$page}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
  .footer{
    text-align: center;
  }
  .footer a{
    width: 58px;
    height: 20px;
    display: inline-block;
    border: 1px solid #d2d2d2;
    margin-left: 2px;
  }
  .footer span{
    width: 58px;
    height: 20px;
    display: inline-block;
    margin-left: 2px;
  }
  .footer .current{
    background-color: #f4f4f4;
  }
  .footer .num{
  }
  .footer .prev{
  }
  .footer .next{
  }
</style>

<script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script>
<script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>
<script src="__PUBLIC__/js/plugins/peity/jquery.peity.min.js"></script>
<script src="__PUBLIC__/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
<script src="__PUBLIC__/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
<script src="__PUBLIC__/js/content.min.js?v=1.0.0"></script>
<script>
    $(document).ready(function () {
        $.jgrid.defaults.styleUI = "Bootstrap";

        var mydata = [
            <volist name='list' id='vo'>
            {
                id:"{$vo.id}",
                name:"{$vo.nickname}",
                orderno:"{$vo.order_sn}",
                img:"<img src='"+"{$vo.goods.h_imgs}"+"' style='max-width:200px;max-height: 100px;'>",
                goodsname:"<button type='button' class='btn btn-outline btn-primary' style='padding: 2px 6px;'><?=getunit($vo['goods']['category'])?></button>"+"{$vo.goods.title}",
                type:"<button type='button' class='btn btn-primary btn-xs btn-info'>"+"{$vo.state}"+"</button>",
                endtime:"{$vo['addtime']|date=\"Y-m-d H:i\",###}",
                button:"<table class='ui-pg-table navtable ui-common-table'>" +
                "<tbody><tr>" +
                "<a href='__MODULE__/ForetasteOrder/orderinfo?id="+"{$vo.id}"+"' style='padding:0 3px;' title='查看'> 查看详情</a>" +
                "</tr></tbody></table>"
            },
    </volist>
    ];
        $("#table_list_1").jqGrid({
            data: mydata,
            datatype: "local",
            height: "100%",
            autowidth: true,
            shrinkToFit: true,
            rowNum: 10,
            rowList: [10, 20, 30],
            colNames: ["序号","购买人", "编号","商品图片", "商品名称", "订单状态","创建时间",'操作'],
            colModel: [
                {name: "id", index: "id",width:"50",align: "center",sorttype: "int"},
                {name: "name", index: "name",width:"70", align: "center",sorttype:"text"},
                {name: "orderno", index: "orderno",width:"70", align: "center",sorttype:"int"},
                {name: "img", index: "img", align: "center",sorttype:"text"},
                {name: "goodsname", index: "goodsname",width:"100", align: "center",sorttype:"text"},
                {name: "type", index: "type",width:'50', align: "center",sorttype:"text"},
                {name: "endtime", index: "endtime",width:"90", align: "center",sorttype:"text"},
                {name: "button", index: "button",width:"60", align: "center"}
            ],
            pager: "#pager_list_1",
            viewrecords: false,
            caption: "订单管理",
            hidegrid: false

        });//end jqgrid

        $(window).bind("resize", function () {
            var width = $(".jqGrid_wrapper").width();
            $("#table_list_1").setGridWidth(width);
        })
    });//end fun
</script>
</body>
<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
